<gm:page title="Nokia News">
   
 <style>
    div.body {
       font-family: arial, san-serif;
       padding:20px;
    }
    
   div.header {
    }
     
    div.header h1 {
      padding-left: 5px;
      font-size: 35px;
      color: #0000FF;
     }
    div.header h1 span {
       font-size: 20px;
      color: #0000FF;
     }








    div.header h2 {
       padding-left: 5px;  
      font-size: 20px;
      color: gray;
    }
     
    div.navbar {
      background: #008000;
      padding:5px;
      color: black;
      width:100%;
      font-weight:bold;
    }
    
    div.navbar .selected {
      color:white;
    }   
    
    div.navbar a {
      color:black !important;
    } 
    
    
    
   div.navbar .separator {
      padding-left:10px;
      padding-right:10px;
    }   
    
    div.newsFeeds {
      float:left;
      width:auto;
      
      padding-right:20px;
    }
    
    div.newsContent {
      float:left;
      width:85%;
      padding-left:20px;
      border-left:1px dashed #e6e6e6;
      
    }
    
    div.footer {
      clear:both;
      width:100%;
      padding-top:50px;
    }
   
    .date {
      font-size:15px;
      color:gray;
      padding-bottom:10px;
    }
    .opponent {
      font-size:15px
    }
    .location {
       color:gray;
    }
    .time {
      color:gray;
      font-size:15px;
    }
    .gm-gadget-list tbody.gm-item {
       border:none;
     }
    .teamName {
       padding:10px;
       font-size:15px;
       color:gray;
     }
    .infoData {
       color:gray;
       padding-right:5px;
       padding-top:10px;
    }
    div.gm-header {
      background:none;
      color: #112ABB;
      padding:none;
    }
    
    .rosterHeader{
      padding: 5 0 5 0;
      border-top:1px solid #e6e6e6;
      border-bottom:1px solid #e6e6e6;
    }
    
    .newsHeader {
      font-size:18px;
      color:gray;
      padding:10 0 10 0;
    }   
   
   .gm-item-selected {
      background:#ffeac0;
   }


  </style>
   
   <div class="body">
    <div class="header"><h1>NOKIA<br/><span>Connecting People</span></h1></div>
   <div class="header"><h2> Wholesalers, News, Shopping and more...</h2></div>
    <div class="navbar"><span><a href="./index.html">Wholesalers</a></span><span class="separator">|</span><span class="selected">News</span><span class="separator">|</span><span><a href="./resources/messages.html">Message Board</a></span><span class="separator">|</span><span><a href="./resources/shopping.html">Shopping</a></span><span class="separator">|</span><span><a href="./resources/maddprod.html">Admin-Add Wholesaler</a></span></div>
  
     <table width="100%">
        <tr>
          <td width="25%" class="newsHeader">Forum Nokia</td>
          <td width="30%" class="newsHeader">About Nokia-Blogs</td>
          <td width="15%" class="newsHeader">Nokia News</td>
          <td width="30%" class="newsHeader">Yahoo Nokia News</td>
        </tr>
        <tr>  
          <td width="25%" valign="top"><gm:list id="Forum" data="http://pipes.yahoo.com/pipes/pipe.run?_id=LOvTrpi42xGqvcinEpPZnA&_render=rss&htmlurl=http%3A%2F%2Fwww.forum.nokia.com%2F" template="simpleStories" pagesize="5" selection="false"/> </td>
          <td width="25%" valign="top"><gm:list id="Blog" data="http://pipes.yahoo.com/pipes/pipe.run?_id=LOvTrpi42xGqvcinEpPZnA&_render=rss&htmlurl=http%3A%2F%2Fwww.about-nokia.com%2Fblog%2F" template="simpleStories" pagesize="5" selection="false"/> </td>
          <td width="25%" valign="top"><gm:list id="News" data="http://pipes.yahoo.com/pipes/pipe.run?_id=LOvTrpi42xGqvcinEpPZnA&_render=rss&htmlurl=http%3A%2F%2Feurope.nokia.com%2FA4153238" template="simpleStories" pagesize="5" selection="false"/> </td>
          <td width="25%" valign="top"><gm:list id="Yahoo" data="http://pipes.yahoo.com/pipes/pipe.run?_id=YNNj_bus3BGELG6eiHrL0A&_render=rss" template="simpleStories" pagesize="5" selection="false"/> </td>
        </tr>
      </table>
      <table width="100%">
         <tr>
           <td colspan="2" style="padding-top:25px"><h1 style="color:#0000FF"> Full stories</h1></td>
          </tr>
         <tr>
           <td width="150px" valign="top">
             <gm:list id="newsList" data="${app}/feedprovide" template="blogRollTemplate" pageSize="10">
                <gm:handleEvent event="select" execute="changeData();"/>
             </gm:list>
           </td>
           <td valign="top"> 
             <div class="newsContent">
               <gm:list id="newsStories" data="http://pipes.yahoo.com/pipes/pipe.run?_id=YNNj_bus3BGELG6eiHrL0A&_render=rss" template="blogReadTemplate" pagesize="10" selection="false"/>
             </div>
           </td>
         </tr>
       </table>


  </div>
 
   <gm:template id="blogRollTemplate">
    <table style="margin-top:10px;">    
      <tbody repeat="true">
        <tr>
          <td style="padding:5px;padding-right:10px;"><gm:text style="width:140px;color:blue;text-decoration:underline;" ref="atom:title" size="30"/></td>    
        </tr> 
       </tbody>
     </table> 
  </gm:template>


<gm:template id="blogReadTemplate">
    <table width="100%">
     <thead>
        <tr><td style="padding:10 0 10 0;color:gray"><h2>Recent News Stories </h2></td></tr>
      </thead>   
      <tbody repeat="true">
        <tr>
          <td  style="padding:5px;padding-left:10px"><gm:link style="color:blue;text-decoration:underline;font-size:110%;font-weight:bold;" labelref="atom:title" ref="atom:link[@rel='alternate']/@href"/></td>
        </tr>
        <tr>  
          <td style="padding:5px;padding-left:10px"><gm:html ref="atom:summary"/></td>
        </tr>
        <tr>  
          <td style="padding:5px;padding-left:10px"><gm:html ref="atom:content"/></td>
        </tr>
        <tr>  
          <td style="padding:5px;border-bottom:1px solid #e6e6e6;padding-left:10px;margin-bottom:3em;"></td>
        </tr>
       </tbody>
        <tfoot >
        <tr><td style="padding:10 0 10 0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;"><gm:pager/></td></tr>
      </tfoot>   
     </table>
  </gm:template>


 <gm:template id="simpleStories">
    <table width="100%">
        <tr repeat="true">
          <td style="padding:5px;"><gm:link style="color:blue;text-decoration:underline;font-size:100%;" labelref="atom:title" ref="atom:link[@rel='alternate']/@href"/></td>
        </tr>
     </table>
  </gm:template>
  
   <script>
     function changeData() {
   
        var feed = google.mashups.getObjectById('newsList').getData();
        var entry = google.mashups.getObjectById('newsList').getSelectedEntry();
        var urlGPath = new GPath("gd:url");
        var urlString = urlGPath.getValue(entry);
        google.mashups.getObjectById('newsStories').setData(urlString);
      }   
  </script>  
  <script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2309750-1";
urchinTracker();
</script>     
</gm:page>





















